<div class="modal fade"tabindex="-1" role="dialog" aria-labelledby="productTastListAddLabel" data-backdrop="static"
aria-hidden="true" *ngIf="initService.init" id="contentProductAdd">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <form #addForm="ngForm" (ngSubmit)="_onSubmit(addForm.value)">
                <!-- 模态框头部 -->
                <div class="modal-header">
                    <h4 class="modal-title" id="productTastListAddLabel">新增产品内容</h4>
                    <button type="button" class="close" data-dismiss="modal" (click)="initService._init();_choseInit()">&times;</button>
                </div>
                <!-- 模态框主体 -->
                <div class="modal-body">
                    <div class="container">
                       
                        <div class="input_div">
                            <label class="input_title">产品名称：</label>
                            <input class="input_inputStyle" required name="name" #name="ngModel" ngModel placeholder="请输入任务名称">
                            <span class="text-danger" *ngIf="name.invalid && (name.touched)">产品名称不能为空</span>
                        </div>
                        <div class="input_div">
                            <label class="input_title">ISBN：</label>
                            <input class="input_inputStyle" required name="isbn" #isbn="ngModel" ngModel placeholder="请输入ISBN">
                        </div>
                        <div class="input_div">
                            <label class="input_title">产品编码：</label>
                            <input class="input_inputStyle" required name="barcode" #barcode="ngModel" ngModel
                                placeholder="请输入产品编码">
                            <span *ngIf="barcode.invalid && (barcode.touched)"> 产品编码不能为空</span>
                        </div>
                        <div class="input_div">
                            <label class="input_title">作者：</label>
                            <input class="input_inputStyle creator-style" id="author" disabled name="author" #author="ngModel" ngModel style="width:385px;margin-right:10px;" placeholder="请选择作者">
                            <button type="button" class="btn btn-default" data-toggle="modal" data-target="#addAssignAuthor" (click)="assignTo.getAuthorList()">选择</button>
                            <span *ngIf="author.invalid && (author.touched)"> 作者不能为空</span>
                        </div>
                        <div class="input_div">
                            <label class="input_title">出版社：</label>
                            <input class="input_inputStyle" required name="publisher" #publisher="ngModel" ngModel
                                placeholder="请出版社">
                            <span *ngIf="publisher.invalid && (publisher.touched)"> 出版社不能为空</span>
                        </div>
                        <div class="input_div">
                            <div class="textarea_title">产品简介：</div>
                            <textarea class="textarea_textareaStyle" name="intro" #intro="ngModel" ngModel></textarea>
                        </div>
                    </div>
                </div>
                <!-- 模态框底部 -->
                <div class="modal-footer" style="width: 100%;">
                    <button type="submit" class="btn btn-primary" data-toggle="modal" [disabled]="addForm.invalid">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" (click)="initService._init();_choseInit()">取消</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- 作者Start -->
<app-content-product-add-author #assignTo (addAuthorPersons)="getAddAuthorPersons($event)"></app-content-product-add-author>
<!-- 作者End -->